<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--IE Compatibility Meta-->
<meta name="author" content="zytheme" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="construction html5 template">
<link href="/images/favicon/favicon.ico" rel="icon">

<!-- Fonts
    ============================================= -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%7CRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CUbuntu:300,300i,400,400i,500,500i,700,700i' rel='stylesheet' type='text/css'>

<!-- Stylesheets
    ============================================= -->
<link href="/css/external.css" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">


<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="/js/html5shiv.js"></script>
      <script src="/js/respond.min.js"></script>
    <![endif]-->

<!-- Document Title
    ============================================= -->
<title>yishengtianpin</title>
<style type="text/css">
	.product .product-hover{
		background-color: rgba(250, 250, 250, 0.7);
	}
	.home-module-title{
		font-size: 26px;
		color:#724228;
		line-height: 36px;
	}
	.subhead{
		color: #D22E2E;
		font-family: 'Ubuntu', sans-serif;
		font-size: 12px;
		font-weight: 400;
		line-height: 8px;
		text-transform: uppercase;
		margin-bottom: 5px;
		padding-bottom: 0px;
	}
	.prodcut-title{
		font-size:16px;
		margin-bottom: 10px;
		line-height: 22px;
		color: #000000;
	}
	.foot {
	    font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial;
	    font-size: 14px;
	    color: #684029;
	    overflow-x: hidden;
	}
	.loginFont{
		color: #482618;
		text-align: center;
    	line-height: 25px;
    	font-size: 18px;
    	font-family: 'PingFang SC','Heiti SC','微软雅黑',Helvetica,Arial;
	}
	.modal-body{
		text-align: center;
	}
	.sign-form{
		margin-top: 15px;
	}
</style>
</head>
<body style="font-family: '微软雅黑'";>
<!-- Document Wrapper
	============================================= -->
<div id="wrapper" class="wrapper clearfix">
	<!-- 导入头部文件 -->
	<%@ include file="headNav.jsp" %>
	<section id="hero" class="hero">
		<div id="hero-slider" class="hero-slider">
			<!-- Slide #1 -->
			<div class="slide bg-overlay">
				<div>
					<img src="/images/background/souyePic3.jpg" alt="Background" width="100%" height="100%"/>
				</div> 
				<!-- .container end -->
			</div>
			<!-- .slide end -->
			
			<!-- Slide #2 -->
			<div class="slide bg-overlay">
				<div>
					<img src="/images/background/souyePic2.jpg" alt="Background" width="100%" height="100%"/>
				</div>
				<!-- .container end -->
			</div>
			<!-- .slide end -->
			
			<!-- Slide #3 -->
			<div class="slide bg-overlay">
				<div>
					<img src="/images/background/souyePic.jpg" alt="Background" width="100%" height="100%"/>
				</div>
				<!-- .container end -->
			</div>
			<!-- .slide end -->
			
		</div>
		<!-- #hero-slider end -->
	</section>
	<!-- #hero -->
	
	<!-- Featured Items
============================================= -->
	<section id="featuredItems" style="padding-bottom: 50px;">
		<div class="container">
			<div class="row product-boxes">
				<!-- Product Box #1 -->
				<div class="col-xs-12 col-sm-3 col-md-3 product-box">
					<a href="#">
					<div class="product-img">
						<img  src="/images/shop/xinpin.jpg" alt="Product"/>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					</a>
				</div>
				<!-- .product-box end -->
				
				<!-- Product Box #2 -->
				<div class="col-xs-12 col-sm-3 col-md-3 product-box">
					<a href="#">
					<div class="product-img">
						<img  src="/images/shop/renqi.jpg" alt="Product"/>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					</a>
				</div>
				<!-- .product-box end -->
				
				<!-- Product Box #3 -->
				<div class="col-xs-12 col-sm-3 col-md-3 product-box">
					<a href="#">
					<div class="product-img">
						<img  src="/images/shop/xiawucha.jpg" alt="Product"/>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					</a>
				</div>
				<div class="col-xs-12 col-sm-3 col-md-3 product-box">
					<a href="#">
					<div class="product-img">
						<img  src="/images/shop/huodongzhuanqu.jpg" alt="Product"/>
						<!-- .product-overlay end -->
					</div>
					</a>
				</div>
				
			</div>
			<!-- .row end -->
		</div>
		<div class="container heading">
			<div class="row" style="text-align: center;">
				<div class="col-xs-12 col-sm-12 col-md-12">
					<p class="subhead">we&nbsp;&nbsp;&nbsp;&nbsp;get</p>
					<span class="home-module-title">新&nbsp;&nbsp;品</span>
				</div>
				<!-- .col-md-12 end -->
			</div>
			<!-- .row end -->
			
		</div>
		<!-- .container end -->
		<div class="container">
			<div class="row product-carousel text-center">
				<!-- Product #1 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/newProduct.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a>中国绿茶与爽脆果实</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">						
								浅草						
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>28.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #2 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/newProduct2.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">记忆中的栗子蛋糕</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">		
								丽蓉暗香
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>180.00</span>
						</div>
						<!-- .product-price end -->	
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #3 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/newProduct3.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">榴莲狂热者的不二之选</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">							
								榴莲飘飘							
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>68.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #4 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/newProduct4.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">百香果酸奶酪慕斯蛋糕</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">				
								冰淇淋口感
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>40.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->				
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	<!-- #featuredItems end -->
	
	<!-- Clients
============================================= -->

	<section id="featuredItems" style="padding-top:50px ;">
		<div class="container heading">
			<div class="row" style="text-align: center;">
				<div class="col-xs-12 col-sm-12 col-md-12">
					<p class="subhead">we&nbsp;&nbsp;&nbsp;&nbsp;get</p>
					<span class="home-module-title">人&nbsp;&nbsp;气</span>
				</div>
				<!-- .col-md-12 end -->
			</div>
			<!-- .row end -->
			
		</div>
		<!-- .container end -->
		<div class="container">
			<div class="row product-carousel text-center">
				<!-- Product #1 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/moods.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a>爱尔兰百利甜酒，新西兰奶油</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">						
								百利甜情人						
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>28.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #2 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/moods2.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">白巧克力慕斯的甜黑巧克力酱</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">		
								黑白巧克力慕斯
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>180.00</span>
						</div>
						<!-- .product-price end -->	
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #3 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/moods3.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">酒香，微苦，清新的柠檬</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">							
								朗姆芝士							
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>68.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->
				
				<!-- Product #4 -->
				<div class="product">
					<div class="product-img">
						<img  src="/images/product/moods4.png" alt="Product"/>
						<div class="product-hover">
							<div class="product-action">
								<a class="btn btn-primary" href="#">加入购物车</a>
								<a class="btn btn-primary" href="#">商品详情</a>
							</div>
						</div>
						<!-- .product-overlay end -->
					</div>
					<!-- .product-img end -->
					<div class="product-bio">
						<div class="prodcut-cat">
							<a href="#">口感冰凉细腻</a>
						</div>
						<!-- .product-cat end -->
						<div class="prodcut-title">				
								黑白巧克力慕斯
						</div>
						<!-- .product-title end -->
						<div class="product-price">
							<span class="symbole">$</span><span>40.00</span>
						</div>
						<!-- .product-price end -->
						
					</div>
					<!-- .product-bio end -->
				</div>
				<!-- .product end -->				
			</div>
			<!-- .row end -->
		</div>
		<!-- .container end -->
	</section>
	<!-- #newItems end -->
	
	<!-- Footer #2
============================================= -->
	<section id="clients" class="clients bg-gray">
		<div class="container heading">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12">
					<p class="subheading">Awesome</p>
					<span class="home-module-title">热销商品</span>
				</div>
				<!-- .col-md-12 end -->
			</div>
			
			<div class="row heading-desc">
				<div class="col-xs-12 col-sm-12 col-md-10">
					<p>当季店铺热销商品滚动推荐</p>
				</div>
				<!-- .col-md-10 end -->
				<div class="col-xs-12 col-sm-12 col-md-2">
					<a class="btn btn-primary btn-block" href="#">加入购物车</a>
				</div>
				<!-- .client end -->
			</div>
			<!-- .row end -->
			
		</div>
		<!-- .container end -->
		<div class="container">
			<div class="clients-bg">
				<div class="row">
					<div class="col-xs-12 colsm-12 col-md-12 client-carousel">
						<!-- Client #1 -->
						<div class="client">
							<img src="/images/product/gundong.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
						
						<!-- Client #2 -->
						<div class="client">
							<img src="/images/product/gundong2.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
						
						<!-- Client #3 -->
						<div class="client">
							<img src="/images/product/gundong3.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
						
						<!-- Client #4 -->
						<div class="client">
							<img src="/images/product/gundong4.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
						
						<!-- Client #5 -->
						<div class="client">
							<img src="/images/product/gundong6.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
						
						<!-- Client #6 -->
						<div class="client">
							<img src="/images/product/gundong7.jpg" width="80px" height="80px" alt="client">
						</div>
						<!-- .client end -->
					</div>
				</div>
				<!-- .row end -->
			</div>
		</div>
		<!-- .container end -->
	</section>	
	<!-- #clients end -->
	<%@ include file="footer.jsp" %>
	
<!-- #wrapper end -->

<!-- Footer Scripts
============================================= -->
<script src="/js/jquery-2.2.4.min.js"></script>
<script src="/js/plugins.js"></script>
<script src="/js/functions.js"></script>
<%@ include file="publicJsp.jsp" %>
</body>
</html>
